<template>
    <div class="downlaod-num">
        <type-chart></type-chart>
        <time-chart></time-chart>
        <industry-chart></industry-chart>
        <user-type-chart></user-type-chart>
    </div>
</template>
<script>
import typeChart from './typeChart.vue';
import timeChart from './timeChart.vue';
import industryChart from './industryChart.vue';
import userTypeChart from './userTypeChart.vue';
export default {
    data() {
        return {};
    },
    components: {
        typeChart,
        timeChart,
        industryChart,
        userTypeChart,
    },
};
</script>
<style lang="scss">
.downlaod-num {
    width: 100%;
    .down-height {
        float: left;
        width: 48%;
        height: 420px;
        margin-top: 14px;
        margin-left: 1%;
        border: 1px solid #e3e3e3;
        .top {
            height: 70px;
            line-height: 70px;
            .title {
                width: auto;
                float: left;
                margin-left: 20px;
                font-size: 24px;
                color: #030e39;
            }
        }
        .typeChart {
            width: 100%;
            height: 350px;
        }
    }
}
</style>
